﻿@import "../../LiberUI/Style/Default/Theme";
@import "../../LiberUI/Style/Default/_soIcons";

@font-face {
  font-family: 'SoIcons';
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot');
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot') format('embedded-opentype'), url('/LiberUI/Style/Default/fonts/iconfont.woff') format('woff'), url('/LiberUI/Style/Default/fonts/iconfont.ttf') format('truetype'), url('/LiberUI/Style/Default/fonts/iconfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
#CompanyCertification{
    margin-top:2rem;
    border:1px solid darken($ClrControllerBk,10);
    background-color:white;
}
#pageTitle{
    padding:1rem 0 1rem 1rem;
    background-color:$ClrControllerBk;
}

#certifyInfo{
    padding:1rem 2rem;
}

.sectionTitle{
    border-bottom:1px solid darken($ClrControllerBk,10);
}

.sectionTip{
    padding: 0.5rem 0;
    border: 1px solid $ClrMsgBorder;
    background-color: $ClrMsg;
    margin-top: 5px;
    font-size:0.8rem;
}

.infoField{
    padding-top:1rem;
}
.if-input{
    &>input{
        width:100%;
    }
}
.if-memo{
    &.checking{
        color:$ClrTheme !important;
    }
    color:$ClrErr;
    &.success{
        color:$ClrTheme !important;
    }
}
.if-pic{
    padding:0 0.5rem;
    text-align:center;
    &>img{
        width:100%;
        height:100%;
        max-height:10rem;
    }
}
.if-pic-example{
    padding:0 0.5rem;
    text-align:center;
    &>img{
        width:100%;
        max-height:10rem;
    }
}

#btnApplyCertify{
    margin-top:1rem;
}

.header{
  
    padding-bottom:5rem;
  border-bottom:1px solid;
  margin-top:3rem;
}
#cx_input{
    width:100%;
        padding-left: 3rem;
    background-image: url("../Imgs/inputIcon.png");
    background-size: 3rem;
    background-position: 0.2rem 0.2rem;
    background-repeat: no-repeat;
    box-shadow: 5px 5px 5px #CCCCCC;
}

#tab{
    width:100%;
    border:none;
    text-align:center;
    padding-bottom:2rem;
     box-shadow: 0 5px 5px #CCCCCC;
     background:white;
     margin-bottom:1rem;
}
th{
    background:#C9E0F1;
    font-size:1.5rem;
    height:3rem;
}
td{
    height:3rem;
}
.tab_error{
    color:red;
}
#tab_paging{
   background:white;
   margin-top:1rem;
    box-shadow: 5px 5px 5px #CCCCCC;
     & >.tab_title{
         text-align:center;
         background-color:#C9E0F1;
     }
}
#tab_pageNum{
    width:2rem;
    text-align:center;
    height:2rem;
}
.tab_full{
    margin-right:2rem;
}
.tab_footer{
    text-align:center;
    padding-bottom:1rem;
}
#box_title{
    height:4rem;
    background:red;
}
.Mask{
  height:100%;
  width:100%;
  position:fixed;
  top:0;
  background:rgba(0,0,0,0.56);
  display:none;
}
.detailsBox{
     
  width:40%;
  left:30%;
  position:fixed;
  top:10%;
  background:white;
     box-shadow: 5px 5px 5px #888888;
}
.box_icon{
     height:4rem;
        padding-left: 3rem;
    background-image: url("../Imgs/inputIcon.png");
    background-size: 3rem;
    background-position: 0.2rem 0.5rem;
    background-repeat: no-repeat;
  }
#box_header{
    height:4rem;
    background:#e2dfdf;
}
.box_title{
    text-align:center;
    line-height:4rem;
}
.box_exit{
   width:80%;
   height:80%;
   margin-top:0.5rem;
   }
.box_details{
    margin-top:1rem;
    margin-bottom:1rem;
    height:3rem;
     line-height:3rem;
     border-bottom:1px solid;
     & input{
         height:2.2rem;
     }
}

#tl_licencepic{
    height:6rem;
    }

.box_result{
     margin-top:1rem;
     margin-bottom:1rem;
   padding-bottom:1rem;
     line-height:3rem;
     border-bottom:1px solid;
}
.popOperation{
    margin-top:2rem;
    margin-bottom:2rem;
}
#tl_feedback{
    width:20rem;
    resize:none;
    height:5rem;
    line-height: 1.2rem;
}
.drop-down{
    width:4rem;
}
#tl_identitypic{
    height:6rem;
}
#tl_identity{
    height:2.2rem;
}